<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>节流</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.js"></script>
</head>

<body>
  <button id="myButton">点击</button>
  <script>
    // _.throttle(func, [wait=0], [options=])
    // func (Function): 要节流的函数。在规定的时间内最多执行一次操作
    // 节流就是选择性的执行一部分事件，并不是每次都执行，他不限定只执行最后一次
    // [wait=0] (number): 需要节流的毫秒。
    // [options=] (Object): 选项对象。
    // [options.leading=true] (boolean): 指定调用在节流开始前。
    // [options.trailing=true] (boolean): 指定调用在节流结束后
    const button = document.getElementById('myButton');
    let count = 0;
    // 参数为3，就是不能超过3次，也就是只有两次机会，他只会调用两次
    let test = () => { console.log('测试节流'); }
    let throttle = _.throttle(test, 250)
    button.addEventListener('click', throttle);
  </script>
</body>

</html>